<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="css/app.css">
    <link rel="stylesheet" type="text/css" href="css/root.css"/>
    <link rel="stylesheet" type="text/css" href="css/account/user.css"/>
    <link rel="stylesheet" type="text/css" href="css/order/order.css"/>
    <script type="text/javascript" src="js/base/jquery-3.1.1.min.js?ver=2.0.4" charset="utf-8"></script>
    <script type="text/javascript" src="js/base/underscore-min.js"></script>
    <script type="text/javascript" src="js/base/moment.min.js"></script>
    <script src="js/base/api.js"></script>
    <script src="js/base/magiclamp.js"></script>
    <script src="js/base/base.js"></script>
    <script src="js/base/vue-filter.js"></script>
    <script src="js/base/vue.js"></script>
    <script src="js/shared_orders.js?a=6"></script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

    <title>我的奖励</title>

</head>
<body class="whitesmoke">
<!--订单-->
    <div id="orderlist">
        <div class="com-tag" id="order-tab">
            <a href="#" :class="show_index==0?'tag-on':''" @click="show_index=0"><span>全部</span></a>
            <a href="#" :class="show_index==1?'tag-on':''" @click="show_index=1"><span>待到账</span></a>
            <a href="#" :class="show_index==2?'tag-on':''" @click="show_index=2"><span>已到账</span></a>
            <a href="#" :class="show_index==3?'tag-on':''" @click="show_index=3"><span>已失效</span></a>
        </div>

        <!--未付款-->
        <div class="unfinished-order" v-if="show_index==0">
            <div class="order-item g-wrap" v-for="(order,index) in un_pay_order_list">
                <div class="my-order-title line">
                    <div v-text="index+1" style="color: red;font-weight: bold;"></div>
                    <div v-text="order.goodsstore__name"></div>
                    <div class="red-font">
                        <span  >{{order.create_time}}</span>

                    </div>
                </div>
                <div class="line" v-for="goods in order.goods_order_item_list" @click="go_goods_detail(goods.goods_id)">
                    <div class="g-item">
                        <div class="g-item-wrap">
                            <a href="#" class="g-img">
                                <img :src="baseConfig.qn_host + goods.small_image__fileurl+'?imageView2/1/w/80/h/80'">
                            </a>
                            <div class="g-i-info">

                                <p class="g-i-name order-goods-title" ><img src="img2/public_icon_fanli.png" class="img-icon">{{goods.name}}</p>
                                <p class="order-goods-mark margin-bottom" v-if="goods.gg">
                                    {{goods.gg}}</p>
                                <p class="order-goods-mark" v-if="goods.bz" v-text="'备注:'+goods.bz"></p>
                                <p class="order-goods-mark">商品ID:{{goods.goods_id}}</p>
                                <p class="order-count">
                                    <span class="order-goods-price" v-text="price_filter(goods.price)"></span>
                                    <span class="order-goods-num">数量{{goods.num}}</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="my-order-title">
                    <div v-text="first_name(order.user__realname)+'购买,成交金额'+price_filter(order.price+order.express_fee)"></div>
                    <div class="red-font">奖励金额:<span class="price" v-text="price_filter(order.shared_price)"></span>
                    </div>

                </div>
            </div>
            <div class="more" @click="query_un_pay_order_info_list" v-if="no_page_index!=no_page_count">加载更多……
            </div>
            <div class="com-notice" v-if="un_pay_order_list.length==0">
                <div class="icon-wrap">
                    <i class="iconfont icon-dingdan"></i>
                </div>
                <p>暂无订单</p>
            </div>
        </div>
        <!--已付款-->
        <div class="finished-order" v-if="show_index==1">
            <div class="order-item g-wrap" v-for="(order,index)  in goods_order_list">
                <div class="my-order-title line">
                    <div v-text="index+1" style="color: red;font-weight: bold;"></div>
                    <div v-text="order.goodsstore__name"></div>
                    <div class="red-font">
                        <span  >{{order.create_time}}</span>

                    </div>
                </div>
                <div class="line" v-for="goods in order.goods_order_item_list" @click="go_goods_detail(goods.goods_id)">
                    <div class="g-item">
                        <div class="g-item-wrap">
                            <a href="#" class="g-img">
                                <img :src="baseConfig.qn_host + goods.small_image__fileurl+'?imageView2/1/w/80/h/80'">
                            </a>
                            <div class="g-i-info">

                                <p class="g-i-name order-goods-title" ><img src="img2/public_icon_fanli.png" class="img-icon">{{goods.name}}</p>
                                <p class="order-goods-mark margin-bottom" v-if="goods.gg">
                                    {{goods.gg}}</p>
                                <p class="order-goods-mark" v-if="goods.bz" v-text="'备注:'+goods.bz"></p>
                                <p class="order-goods-mark">商品ID:{{goods.goods_id}}</p>
                                <p class="order-count">
                                    <span class="order-goods-price" v-text="price_filter(goods.price)"></span>
                                    <span class="order-goods-num">数量{{goods.num}}</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="my-order-title">
                    <div v-text="first_name(order.user__realname)+'购买,成交金额'+price_filter(order.price+order.express_fee)"></div>
                    <div class="red-font">奖励金额:<span class="price" v-text="price_filter(order.shared_price)"></span>
                    </div>

                </div>
            </div>
            <div class="more" @click="query_pay_order_info_list" v-show="pay_page_index!=pay_page_count">加载更多……
            </div>
            <div class="com-notice" v-show="goods_order_list.length==0">
                <div class="icon-wrap">
                    <i class="iconfont icon-dingdan"></i>
                </div>
                <p>暂无订单</p>
            </div>
        </div>
        <!--已完成-->
        <div class="finished-order"  v-if="show_index==2">
            <div class="order-item g-wrap" v-for="(order,index)  in pay_order_list">
                <div class="my-order-title line">
                    <div v-text="index+1" style="color: red;font-weight: bold;"></div>
                    <div v-text="order.goodsstore__name"></div>
                    <div class="red-font">
                        <span  >{{order.create_time}}</span>

                    </div>
                </div>
                <div class="line" v-for="goods in order.goods_order_item_list" @click="go_goods_detail(goods.goods_id)">
                    <div class="g-item">
                        <div class="g-item-wrap">
                            <a href="#" class="g-img">
                                <img :src="baseConfig.qn_host + goods.small_image__fileurl+'?imageView2/1/w/80/h/80'">
                            </a>
                            <div class="g-i-info">

                                <p class="g-i-name order-goods-title" ><img src="img2/public_icon_fanli.png" class="img-icon">{{goods.name}}</p>
                                <p class="order-goods-mark margin-bottom" v-if="goods.gg">
                                    {{goods.gg}}</p>
                                <p class="order-goods-mark" v-if="goods.bz" v-text="'备注:'+goods.bz"></p>
                                <p class="order-goods-mark">商品ID:{{goods.goods_id}}</p>
                                <p class="order-count">
                                    <span class="order-goods-price" v-text="price_filter(goods.price)"></span>
                                    <span class="order-goods-num">数量{{goods.num}}</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="my-order-title">
                    <div v-text="first_name(order.user__realname)+'购买,成交金额'+price_filter(order.price+order.express_fee)"></div>
                    <div class="red-font">奖励金额:<span class="price" v-text="price_filter(order.shared_price)"></span>
                    </div>

                </div>
            </div>
            <div class="more" @click="query_goods_order_list" v-show="over_page_index!=over_page_count">加载更多……
            </div>
            <div class="com-notice" v-show="pay_order_list.length==0">
                <div class="icon-wrap">
                    <i class="iconfont icon-dingdan"></i>
                </div>
                <p>暂无订单</p>
            </div>
        </div>
        <!--售后服务-->
        <div class="finished-order"  v-if="show_index==3">
            <div class="order-item g-wrap" v-for="(order,index)  in dispute_order_list">
                <div class="my-order-title line">
                    <div v-text="index+1" style="color: red;font-weight: bold;"></div>
                    <div v-text="order.goodsstore__name"></div>
                    <div class="red-font">
                        <span  >{{order.create_time}}</span>

                    </div>
                </div>
                <div class="line" v-for="goods in order.goods_order_item_list" @click="go_goods_detail(goods.goods_id)">
                    <div class="g-item">
                        <div class="g-item-wrap">
                            <a href="#" class="g-img">
                                <img :src="baseConfig.qn_host + goods.small_image__fileurl+'?imageView2/1/w/80/h/80'">
                            </a>
                            <div class="g-i-info">

                                <p class="g-i-name order-goods-title" ><img src="img2/public_icon_fanli.png" class="img-icon">{{goods.name}}</p>
                                <p class="order-goods-mark margin-bottom" v-if="goods.gg">
                                    {{goods.gg}}</p>
                                <p class="order-goods-mark" v-if="goods.bz" v-text="'备注:'+goods.bz"></p>
                                <p class="order-goods-mark">商品ID:{{goods.goods_id}}</p>
                                <p class="order-count">
                                    <span class="order-goods-price" v-text="price_filter(goods.price)"></span>
                                    <span class="order-goods-num">数量{{goods.num}}</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="my-order-title">
                    <div v-text="first_name(order.user__realname)+'购买,成交金额'+price_filter(order.price+order.express_fee)"></div>
                    <div class="red-font">奖励金额:<span class="price" v-text="price_filter(order.shared_price)"></span>
                    </div>

                </div>
            </div>
            <div class="more" @click="query_dispute_goods_order_list" v-show="dispute_page_index!=dispute_page_count">加载更多……
            </div>
            <div class="com-notice" v-show="dispute_order_list.length==0">
                <div class="icon-wrap">
                    <i class="iconfont icon-dingdan"></i>
                </div>
                <p>暂无订单</p>
            </div>
        </div>



    </div>
</body>
</html>